<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/dxp/include/common-base.jsp"%>
  <title>服务通道配置</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/dxp/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/dxp/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
	  			<div id="div_hidden_content" class="hidden" style="display:none;">
	  			    <input name="templateType" type="hidden" value="all"/>
                    <div id="hidden_common_final">
                        <!-- temp="hidden_common_final" start -->
										<input name="mainObjName" type="hidden" value="opcUaServer">
										<input name="mainObjPrimaryKey" type="hidden" value="infoId">
										<input name="objNameAll" type="hidden" value="opcUaServer">
				<!-- temp="hidden_common_final" end -->
                     </div>
                    <!-- temp="delForm_hidden" start -->
									<div id="delForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="opc-ua-server"/>
										<input type="hidden" name="formName" value="delForm"/>
									</div>
				<!-- temp="delForm_hidden" end -->
	  			</div>
      <div class="row">
        <div class="col-xs-12">
        
          <!------搜索  start ------->
          <div class="box box-info">
             <!--搜索title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-search"></i> 服务通道配置搜索</h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
            <!--搜索title  end --> 
            <div class="box-body">
            	<form id="searchForm" action="javascript:;">
	            	<!-- temp="searchForm_hidden" start -->
									<div id="searchForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="opc-ua-server"/>
										<input type="hidden" name="formName" value="searchForm"/>
										<input type="hidden" name="orderBy" value="opcUaServer.create_time desc"/>
									</div>
				<!-- temp="searchForm_hidden" end -->
					
	              	<!-- temp="searchForm_content" start -->
				<div id="searchForm_content" class="form-group"  data-temp-code="true" data-temp-type="searchForm" data-temp-form-id="searchForm">


					<table class="table table-bordered bordercolor">
						<tbody>
						<tr>
							<td class="active" align="right"><label class="form-control-static">服务名称：</label></td>
							<td>
								<div class="form-group"><input name="opcUaServer.wl_applicationName"
															   class="form-control clean" maxlength="30"
															   data-temp-obj="opcUaServer.applicationName"></div>
							</td>
							<td class="active" align="right"><label class="form-control-static">是否启用：</label></td>
							<td>
								<div class="form-group"><select id="searchForm_opcUaServer_status"
																name="opcUaServer.wl_status" class="form-control  clean"
																data-temp-obj="opcUaServer.status"
																data-dict-code="dictItemList" data-dict-cate="yesOrNo"
																data-type-tag="select" data-def="">
									<option value="">--请选择--</option>
								</select></div>
							</td>
						</tr>
						</tbody>
					</table>


				</div>
				<!-- temp="searchForm_content" end -->
			  	</form>
			  <div class="box-footer text-center">
			       <button type="button" class="btn btn-success" onclick="getTableData();" data-temp-event="searchForm_hidden"><i class="fa fa-search"></i> 查询</button> 
			       <button type="button" class="btn btn-warning" onclick="mytools.cleanData('#searchForm');">重置 </button>
			   </div>
            </div>
	     </div>
	     <!------- 搜索 end -------->
           
        <!------- 列表 start -------->
          <div class="box box-success">
            <!--列表title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-table"></i> 查询结果  [共计<span id="dataListTotalCount">0</span>条数据]
                 　　　              <button id="button_to_add" onclick="toAdd();" class="btn btn-success" type="button"><i class="fa fa-plus-circle"></i> 增加 </button>
                 </h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
			  <div class="box-body">
              	 	<table id="dataList" class="table table-bordered table-hover">
              	 		<thead>
		                	<tr id="dataList_thead_content" data-temp-code="true" data-temp-type="table" data-temp-show="dataList_template_content">
			                	<th>序号</th>
			                	<!-- temp="dataList_thead_content" start -->

											<th data-temp-obj="opcUaServer.applicationName">服务名称</th>
											<th data-temp-obj="opcUaServer.serverIp">OPC服务IP</th>
											<th data-temp-obj="opcUaServer.serverPort">OPC服务端口</th>
											<th data-temp-obj="opcUaServer.status" data-th-dict-code="dictItemList" data-dict-cate="yesOrNo" data-page-name="" data-form-name="">是否启用</th>
											<th data-temp-obj="opcUaServer.createTime">创建时间</th>
											<th>操作</th>
				<!-- temp="dataList_thead_content" end -->
		                	</tr>
	                	</thead>
		                <tbody id="dataList-body">
		                	
		                </tbody>
	              </table>
            	</div>
           	 	
           	 	<div class="box-footer text-center">
			      	<ul id="dataList-page" class="pagination">
					</ul>
			 	</div>              
           </div>
        <!------- 列表 end -------->
        </div>
      </div>
  
<div win-title="添加窗口" class="modal fade" id="my_modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息添加</font> 
						</h4>
					</div>

					<div class="modal-body">
						
					       <div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-add">
					            </ul>
					              
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabAdd_1">
					                  <form class="form-horizontal addFormBody" role="form" id="addForm1" action="javascript:void(0)">
					                    <input type="hidden" class="formToken" id="addForm1_formToken" name="formToken" />
					                    <!-- temp="addForm1_hidden" start -->
									<div id="addForm1_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="opc-ua-server"/>
										<input type="hidden" name="formName" value="addForm"/>
									</div>
				<!-- temp="addForm1_hidden" end -->
										
					                    <!-- temp="addForm1_content" start -->
											<div id="addForm1_content" data-temp-code="true" data-temp-type="addForm" data-temp-form-id="addForm1">


									


												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">服务名称：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.applicationName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.applicationName" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空"></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">服务代码：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.serverName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverName">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">OPC服务IP：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.serverIp" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverIp" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">OPC服务端口：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.serverPort" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverPort" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-bv-regexp="true" data-bv-regexp-regexp="^[0-9]+$" data-bv-regexp-message="只能输入数字">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">加密方式：</label></td>
														<td>
															<div class="form-group"><select id="addForm1_opcUaServer_securityType" name="opcUaServer.securityType" class="form-control  clean" data-temp-obj="opcUaServer.securityType" data-dict-code="dictItemList" data-dict-cate="opcSecurityType" data-type-tag="select" data-def=""><option value="" remark="" selected="selected"> --请选择--</option></select></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">是否启用：</label></td>
														<td>
															<div class="form-group"><select id="addForm1_opcUaServer_status" name="opcUaServer.status" class="form-control  clean" data-temp-obj="opcUaServer.status" data-dict-code="dictItemList" data-dict-cate="yesOrNo" data-type-tag="select" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-def=""><option value="" remark="" selected="selected"> --请选择--</option></select></div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">连接用户名：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.userName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.userName">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">连接用户密码：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.password" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.password">
															</div>
														</td>
													</tr>
													</tbody>
												</table>


											
										</div>
				<!-- temp="addForm1_content" end -->
										
					                    
					                    <div class="form-group">
								        	<div class="col-sm-12">
									         <div class="box-footer text-center">
												<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_add');"> 取消 </button>
				                				<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('addForm1','');" data-temp-event="addForm1_hidden"> 提 交 </button>
					            			</div>
				            				</div>
				            			</div>
				            			
					                  </form>
					               </div>
					          
				            </div>
					            <!-- tab content e -->
				          </div>	
			                
					</div>
				</div>
				<!-- /.modal-content -->
			</div>		
</div>  

<div win-title="修改窗口" class="modal fade" id="my_modal_edit" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息修改</font> 
						</h4>
					</div>
					<div class="modal-body">
						 <div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-edit">
					            </ul>
					            
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabEdit_1">
					                  <form class="form-horizontal editFormBody" role="form" id="editForm1" action="javascript:void(0)">
									    <input type="hidden" class="formToken" id="editForm1_formToken" name="formToken" />
									    <!-- temp="editForm1_hidden" start -->
									<div id="editForm1_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="opc-ua-server"/>
										<input type="hidden" name="formName" value="editForm"/>
												<input type="hidden" name="opcUaServer.w_infoId" data-name="opcUaServer.infoId" class="opcUaServer_infoId clean">
									</div>
				<!-- temp="editForm1_hidden" end -->
										
										<!-- temp="editForm1_content" start -->
				<div id="editForm1_content">


					


												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">服务名称：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.applicationName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.applicationName" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="opcUaServer.applicationName"></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">服务代码：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.s_serverName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverName" data-name="opcUaServer.serverName">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">OPC服务IP：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.serverIp" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverIp" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="opcUaServer.serverIp">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">OPC服务端口：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.serverPort" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.serverPort" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-name="opcUaServer.serverPort" data-bv-regexp="true" data-bv-regexp-regexp="^[0-9]+$" data-bv-regexp-message="只能输入数字">
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">加密方式：</label></td>
														<td>
															<div class="form-group"><select id="editForm1_opcUaServer_securityType" name="opcUaServer.s_securityType" class="form-control  clean" data-temp-obj="opcUaServer.securityType" data-dict-code="dictItemList" data-dict-cate="opcSecurityType" data-type-tag="select" data-def="" data-name="opcUaServer.securityType"><option value="" remark="" selected="selected"> --请选择--</option></select></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">是否启用：</label></td>
														<td>
															<div class="form-group"><select id="editForm1_opcUaServer_status" name="opcUaServer.status" class="form-control  clean" data-temp-obj="opcUaServer.status" data-dict-code="dictItemList" data-dict-cate="yesOrNo" data-type-tag="select" placeholder="必填项" data-bv-notempty="true" data-bv-notempty-message="不能为空" data-def="" data-name="opcUaServer.status"><option value="" remark="" selected="selected"> --请选择--</option></select></div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">连接用户名：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.s_userName" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.userName" data-name="opcUaServer.userName">
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">连接用户密码：</label></td>
														<td>
															<div class="form-group"><input name="opcUaServer.s_password" class="form-control clean" maxlength="30" data-temp-obj="opcUaServer.password" data-name="opcUaServer.password">
															</div>
														</td>
													</tr>
													</tbody>
												</table>


											
				</div>
				<!-- temp="editForm1_content" end -->
																                    
					                    <div class="form-group">
								        	<div class="col-sm-12">
									         <div class="box-footer text-center">
												<button class="btn btn-success pull-left" type="button" onclick="mytools.closeModal('my_modal_edit');"> 取消 </button>
				                				<button class="btn btn-danger pull-right" type="button" onclick="submitForm1('editForm1','');" data-temp-event="editForm1_hidden"> 提 交 </button>
					            			</div>
				            				</div>
				            			</div>
					                  </form>
					               </div>
					          
				            </div>
					            <!-- tab content e -->
				          </div>	
					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>  

<div win-title="查看窗口" class="modal fade" id="my_modal_view" tabindex="-2" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">查看详情</font> 
						</h4>
						<form id="viewForm" action="javascript:void(0)">
							<!-- temp="viewForm_hidden" start -->
							<div id="viewForm_hidden" style="display:none;"></div>
							<!-- temp="viewForm_hidden" end -->
						</form>
					</div>
					<div class="modal-body viewForm">
						
						<div class="nav-tabs-custom">
					            <ul class="nav nav-tabs" id="myTab-view">
					            </ul>
					            
					            <!-- tab content start -->
					            <div class="tab-content">
					            
					               <div class="tab-pane active" id="tabView_1">
					                  <form class="form-horizontal" role="form" id="viewForm1" action="javascript:void(0)">
					              		
					              		<!-- temp="viewForm1_content" start -->
				<div id="viewForm1_content" class="row viewForm">
					


												<table class="table table-bordered bordercolor">
													<tbody>
													<tr>
														<td class="active" align="right"><label class="form-control-static">服务名称：</label></td>
														<td class="w280">
															<div class="form-control-static"><span data-name="opcUaServer.applicationName"></span></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">服务代码：</label></td>
														<td>
															<div class="form-control-static"><span data-name="opcUaServer.serverName"></span>
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">OPC服务IP：</label></td>
														<td>
															<div class="form-control-static"><span data-name="opcUaServer.serverIp"></span>
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">OPC服务端口：</label></td>
														<td>
															<div class="form-control-static"><span data-name="opcUaServer.serverPort"></span>
															</div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">加密方式：</label></td>
														<td>
															<div class="form-control-static"><span id="viewForm1_opcUaServer_securityType" data-dict-cate="opcSecurityType" data-dict-code="dictItemList" data-type-tag="select" data-name="opcUaServer.securityType" data-dict="opcSecurityType"></span></div>
														</td>
														<td class="active" align="right"><label class="form-control-static">是否启用：</label></td>
														<td>
															<div class="form-control-static"><span id="viewForm1_opcUaServer_status" data-dict-cate="yesOrNo" data-dict-code="dictItemList" data-type-tag="select" data-name="opcUaServer.status" data-dict="yesOrNo"></span></div>
														</td>
													</tr>
													<tr>
														<td class="active" align="right"><label class="form-control-static">连接用户名：</label></td>
														<td>
															<div class="form-control-static"><span data-name="opcUaServer.userName"></span>
															</div>
														</td>
														<td class="active" align="right"><label class="form-control-static">连接用户密码：</label></td>
														<td>
															<div class="form-control-static"><span data-name="opcUaServer.password"></span>
															</div>
														</td>
													</tr>
													</tbody>
												</table>


											
				</div>
				<!-- temp="viewForm1_content" end -->
					                    
					                  </form>
					                  <div class="form-group">
                                        <div class="col-sm-12">
                                         <div class="box-footer text-center">
                                            <button class="btn btn-success pull-right" type="button" onclick="mytools.closeModal('my_modal_view');"> 关闭 </button>
                                        </div>
                                        </div>
                                      </div>
					               </div>
					               
					          
				            </div>
					            <!-- tab content e -->
				          </div>
					</div>
				</div>
				<!-- /.modal-content -->
	</div>		
</div>

<!-- Part 二、以下是template模板定义的模块区域 -->
<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
			<!-- temp="dataList_template_content" start -->
				<td style='display:none;'><input type="hidden" name="input_primaryKey" obj-name="opcUaServer" primary="infoId" value="<?=strUtil.doNull(rows[i].opcUaServer.infoId,'')?>"/></td>
				<td><?=strUtil.doNull(rows[i].opcUaServer.applicationName,'')?></td>
				<td><?=strUtil.doNull(rows[i].opcUaServer.serverIp,'')?></td>
				<td><?=strUtil.doNull(rows[i].opcUaServer.serverPort,'')?></td>
				<td><?=dictListMap['yesOrNo'][strUtil.doNull(rows[i].opcUaServer.status,'')]?></td>
				<td><?=strUtil.doNull(rows[i].opcUaServer.createTime,'')?></td>
				<!-- temp="dataList_template_content" end -->
              <td>
				  <button type="button" class="btn btn-primary btn-xs" onclick="checkOpcConnection('<?=rows[i].opcUaServer.applicationName?>')"><i class="fa fa-random"></i> 通讯测试</button>  
				<button type="button" class="btn btn-success btn-xs" onclick="toLoad(this,'view')"><i class="fa fa-search-plus"></i> 查看</button>  
				<button type="button" class="btn btn-warning btn-xs" onclick="toLoad(this,'edit');"><i class="fa fa-edit"></i> 修改</button>  
				<button type="button" class="btn btn-danger btn-xs" onclick="toDele('<?=rows[i].opcUaServer.infoId?>');"><i class="fa fa-trash-o"></i> 删除</button>
			</td>
		</tr>
   <?}?>  		
</script>

<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "opc-server";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
 
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 
 $(function () {
	//设置数据行选中效果
	$('#'+dataListId+' tbody').on('click','tr', function (e) {
	     if ( $(this).hasClass('selected') ) {
	        }
	        else {
	            $('tr.selected').removeClass('selected');
	            $(this).addClass('selected');
	        }
	     //var id = $('tr.selected th').eq(0).html();
	} );
 });
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
	autoclose: true
}).on('hide',function(e) {
	//bootstrap datepicker与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决方法
	//当日期选择框关闭时，执行刷新校验。
	var fieldName = $(this).attr("name");//获取当前元素name
	var formId = $(this).parents("form").eq(0).attr("id");//获取当前元素所在父层级中的就近的formId
    $("#"+formId).data('bootstrapValidator').updateStatus(fieldName,'NOT_VALIDATED',null).validateField(fieldName);
});

//给模态窗口内form表单内的所有支持必填项的元素注入校验
$(".modal").on('shown.bs.modal', function () {
	$(this).find("form").each(function(){
		var formId = $(this).attr("id");
		if(!strUtil.isNull(formId)){
			formId="#"+formId;
		 	setValidate(formId);//定义add表单验证属性
			mytools.cleanValidate(formId);//清空上次校验规则提示
		}
	});
});

//opc连接检查
function checkOpcConnection(applicationName) {
	var index_load=layer.msg("OPC连接中...",{time: -1 });
	var serverUrl = ctx+'/connection/'+applicationName+'/';
	$.ajax({
		type:"get", async:false,
		url:serverUrl,
		data: {},dataType:"json",
		success: function(myData){
			console.log('checkOpcConnection',myData);
			layer.close(index_load);
			if(myData.flag=="T"){
				layer.alert("OPC连接成功！");
			}else{
				layer.alert("OPC连接失败，请检查OPC Server是否启动！");
			}
		}
	});
}

//打开添加modal
function toAdd(){
	mytools.cleanData(".addFormBody");//清空表单元素上次填写的内容；
	$(".datepicker").val("");
	$("#my_modal_add").modal("show");
}
//数据toLoad读取（查看、编辑）数据
function toLoad(obj,type){
	if("view"==type){
		$("#my_modal_view").modal("show");
	}else if("edit"==type){
		mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
		$("#my_modal_edit").modal("show");
	}
	var paramLoadData = {};
	var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
	paramLoadData["pageName"]=$("#searchForm").find("input[name='pageName']").val();
	paramLoadData["formName"]=$("#searchForm").find("input[name='formName']").val();
	if(inputPrimaryObj.length>0){
        for(var k=0;k<inputPrimaryObj.length;k++){
            var pkobj=$(inputPrimaryObj[k]);
            paramLoadData[pkobj.attr("obj-name")+".w_"+pkobj.attr("primary")]=pkobj.val();
        }
		$.get(common_info_url, paramLoadData,function(myData){
			console.log(myData);
			//反显加载数据
			if(myData){
				for(var objNameKey in myData){
					FormUtil.loadView(objNameKey, myData[objNameKey],"#my_modal_"+type);
				}
			}
	   	},"json");
	}
}
// 校验ip和端口号是否冲突
function checkServerIpAndPortUnique(formId) {
	var thisServerId = '';
	var isEdit = (formId.indexOf('editForm')>-1);
	var checkRes = false;
	var formObj = $('#'+formId);
	var serverIp = formObj.find("input[name='opcUaServer.serverIp']").val();
	var serverPort = formObj.find("input[name='opcUaServer.serverPort']").val();
	if(isEdit){
		thisServerId = formObj.find("input[name='opcUaServer.w_infoId']").val();
	}
	console.log('checkServerIpAndPortUnique.isEdit', isEdit);
	$.ajax({
		type: "get",
		url: common_list_url,async: false,
		data: {'pageName': 'opc-ua-server', 'formName': 'searchForm',
			'opcUaServer.w_serverIp': serverIp,'opcUaServer.w_serverPort':serverPort},
		dataType: "json",
		success: function (myData) {
			console.log('checkServerIpAndPortUnique.list', myData);
			if(myData.total>0){
				var histServerId = myData.rows[0].opcUaServer['infoId'];
				console.log('checkServerIpAndPortUnique.histServerId', histServerId,thisServerId);
				if(isEdit){
					if(histServerId!=thisServerId){//排除自己修改自己
						checkRes = true;
					}
				}else{
					checkRes= true;
				}
			}
		}
	});
	return checkRes;
}
//删除调用
function toDele(serverId){
	var index_load = layer.load(1, {shade: false});
	$.ajax({
		type:"get",
		url:common_list_url,
		data: {'pageName':'opc-ua-groups','formName':'searchForm','opcUaGroups.w_serverId':serverId},dataType:"json",
		success: function(myData){
			console.log('opcUaGroups.list',myData);
			layer.close(index_load);
			if(myData.flag=="T"){
				if(myData.total>0){
					layer.msg("该服务通道已有设备使用了，不能直接删除！");
					return;
				}
				var index_submit = layer.confirm("您确定要删除信息吗？", {btn: ["Yes","No"],closeBtn: 0,offset: "220px"}
				, function(){
					layer.close(index_submit);
					index_load = layer.load(1, {shade: false});
					$.ajax({
						type:"post",
						url:common_submit_url,
						data: {'pageName':'opc-ua-server','formName':'delForm','opcUaServer.w_infoId':serverId},dataType:"json",
						success: function(myData){
							layer.close(index_load);
							console.log('opcUaServer.res',myData);
							if(myData.flag=="T"){
								refresh();
							}else{
								layer.alert("删除失败！");
							}
						}
					});
				});

			}
		}
	});
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
		   dataType:'json',
		   success: function(myData){
		   	console.log(myData);
		   	if("T"==myData.flag){
		   	    $("#dataListTotalCount").text(myData.total);
			    if(myData.total>0){
			        var data = baidu.template(dataListId+"-template",eval(myData));
                    $("#"+dataListId+"-body").html(data);
                    var option= {
                       ele:$("#"+dataListId+"-page")[0],
                       total:myData.total,
                       fn:getTableData,
                       url:common_list_url+"?"+$("#"+searchFormId).serialize()
                    }
                    generatePages(option);
			    }else{
                    $("#"+dataListId+"-body").html('');
			    }
			 }
			 layer.close(index_load);
		   }
		});
  }


//提交tab1表单数据
function submitForm1(formId,tabId){
	if(checkServerIpAndPortUnique(formId)){
		layer.msg("服务IP和端口号已存在，不能重复添加！");
		return;
	}
	//校验规则-表单提交时触发
	var validate = $('#'+formId).data('bootstrapValidator').validate();
	if(!validate.isValid()){ //如果校验不通过就返回
	    return;  
	}
	
	var index_submit = layer.confirm('您确定要保存信息吗？', {btn: ['Yes','No'],closeBtn: 0,offset: '220px'}
	, function(){
		var result = submitForm(formId,tabId);
		if(result){
			layer.alert("提交成功！", {closeBtn: 0 });
      		mytools.closeModal("my_modal_add");
      		mytools.closeModal("my_modal_edit");
      		refresh();
		
    		
      		setToken();
    		if(!strUtil.isNull(tabId)){
      			$('.nav-tabs a[href=\"#'+tabId+'\"]').tab('show'); // Select tab by name 
      		}
	  	}
	});
	
 }
//提交表单数据
function submitForm(formId,tabId){
	var result;
	var index_load = layer.load(1, {shade: false});
	$.ajax({
	    type:'post',
	    url:common_submit_url,
	    data:$("#"+formId).serialize(),
	    async:false,
	    dataType:'json',
	    success: function(myData){ 
	     console.log(myData);
	        if(myData.flag=="T"){
	        	result = myData;
	    	}else{
	    		setToken();
	     		layer.alert(myData.msg);
	    	}
	        layer.close(index_load);
	  	},
	     error: function (e) {
		     layer.close(index_load);
     	} 
	});	
	return result;
}

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


/**** Part 四、以下是自定义新增方法  ****/
//1.定义校验规则-定义
function setValidate(id){
	$(id).each(function(){
		$(this).bootstrapValidator({
		    feedbackIcons: {
		        valid: 'glyphicon glyphicon-ok',
		        invalid: 'glyphicon glyphicon-remove',
		        validating: 'glyphicon glyphicon-refresh'
		    },/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
		 	fields:{
		 		/** 可自定义新增验证规则
		    	"uctUser.userEname":{
		    		 validators: {
		    			 regexp: {
		    				 regexp: /^[0-9]+$/,
		                      message: '只能是数字'
		                  }
		              }
		    	}
		    	**/
				}
		});
	});
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/dxp/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>


























